<html>
<head>
	<meta charset='utf-8' />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<title>收藏夹</title>
	<style>
		@media screen and (max-width:450px){
			#Content{width:98%;margin:0 auto}
		}
		@media screen and (min-width:450px){
			#Content{width:450px;margin:0 auto}
		}
		.type_list{
			text-indent:10px;color:blue;
		}
		.type_item{
			text-indent:30px;margin:15px 0;
		}
		.type_item_sub{
			margin:10px 0;
		}

		button{
			height:22px;font-size:12px;margin-left:30px;
		}
	</style>
</head>
<body style='background:#eae'>

<div id='Content'>
	<div style='color:#0af;float:right;margin-left:30px;display:none' id='exit_btn'>退出</div>
	<div style='color:#0af;text-align:right;dispaly:none' id='admin_btn'></div>

<!--标题-->
	<h1 style='color:red;text-align:center' id='title'>收藏夹</h1>	

<!--展开收起按钮-->
	<div>
		<button id='hide_show_all' style='margin-left:0'>全收/全展</button>
		<button id='clear_cache' >清除缓存</button>
	</div>

<!--主体内容-->
	<div id='list' style='padding-bottom:50px'>
		<!--
		<h2 class='type_list'>分类一：<button>展开/收起</button><button>删除</button></h2>
		<div class='type_item'>
			<span>中医基础理论</span>
			<button>跳转</button>
			<button>删除</button>
		</div>
		-->
	</div>


</div>

<!--添加收藏框体-->
<div id='collect_body' style='display:none;padding-bottom:30px;position:fixed;top:100px;width:100%'>
	<div style='background:#eee;width:80%;padding:20px;margin:0 auto'>
		<h3 style='text-align:center'>添加收藏</h3>
		<div style='width:60%;margin:10px auto;display:none' id="type_list">
			分类选择：<select id="type_list_con"></select>
		</div>
		<div style='width:60%;margin:10px auto'><input type="text" id='collect_title' style='width:100%' placeholder='标题' /></div>
		<div style='width:60%;margin:10px auto'><input type="text" id='collect_addr' style='width:100%' placeholder='地址' /></div>

		<div style='text-align:center;margin:10px 0'>
			<label><input type="radio" value='1' checked name='add'>添加分类</label>
			<label><input type="radio" value='2' name='add'>添加收藏</label>
		</div>

		<div style='text-align:center'>
			<button id='collect_add' onclick='AddCollectOrType()'>添加</button>
			<button id='collect_back'>返回</button>
		</div>
	</div>
</div>


</body>
</html>
<script src='ext/jquery.js'></script>
<script>
	var info = '';
	var title_count = 0;
	var cache_uri = 'cache_getInfo';
	var cache_url = 'ext/'+cache_uri;
$(function(){

	GetInfo();	//获取收藏数据


	ViewLoginText();


	// ### 添加收藏框体中的 分类或收藏 的选择与显示
	ViewCollectAddr();

	$('input[name="add"]').click(function(){
		ViewCollectAddr();
	});


	$('#title').click(function(){
		title_count += 1;
		ViewLoginText();
	});


	$('#exit_btn').click(function(){
		if(!confirm('确认退出？')){
			return;
		}
		sessionStorage.user = '';
		location.reload();
	});

	$('#clear_cache').click(function(){
		if(!confirm('确认清除缓存？')){
			return;
		}
		Ajax({type:'clear_cache',cache_uri:cache_uri},function(res){
			C(res);
			if(res == 'ok'){
				alert('清理缓存成功！');
				location.reload(1);
			}else{
				alert('清理缓存失败！');
			}
		});
	});

	$('#admin_btn').click(function(){
		//无登陆信息，则跳转到登陆页
		if(!sessionStorage.user){
			location.replace('login.html');
			exit;
		}
		if(info){		//有登陆信息则显示添加框体
			ParseTypeList(info);
		}else{
			GetInfo(function(){
				ParseTypeList(info);
			});
		}
		$('#collect_body').show();
	});

	//添加收藏中的返回
	$('#collect_back').click(function(){
		$('#collect_body').hide();
	});


});





// ### 添加收藏中的添加按钮 点击事件
	function AddCollectOrType(){
		if(!info){
			GetInfo();
		}
		var collect_title = $('#collect_title').val().trim();
		var collect_addr = $('#collect_addr').val().trim();
		var add_type = $("input[name='add']:checked").val(); 
		//1 为添加分类，2 为添加收藏项
		var parent_id = $('#type_list_con').find('option:selected').val(); //当添加收藏项时的类别父id
		var data = {
			collect_title:collect_title,
			collect_addr:collect_addr,
			type:'add_collect',
			add_type:add_type,
			parent_id:parent_id,
			cache_uri:cache_uri
		}
		Ajax(data,function(res){
			switch(res){
				case 'ok':
					alert('添加成功！');
					$('input[type="text"]').val('');
					$('#collect_body').hide();
					GetInfo();
					break;
				case 'exists':
					alert('标题已存在！');
					break;

				case 'err2':
					alert('缺少参数！');
					break;
			}
		});
	}


	function ViewCollectAddr(){
		var val = $("input[name='add']:checked").val();
		if(val == 1){	//添加分类
			$('#collect_addr,#type_list').hide();
		}else{ 			//添加收藏
			ParseTypeList(info);
			$('#collect_addr,#type_list').show();  //显示地址

		}
	}



	function ParseTypeList(arr){
		if(typeof(arr) !== 'object' && arr.length < 1){
			return;
		}
		var tmp_str = '';
		for(var i=0;i<arr.length;i++){
			tmp_str += "<option value="+arr[i].id+">"+arr[i].title+"</option>";
		}
		$('#type_list_con').html(tmp_str);
	}


	function GetInfo(fun){
		Ajax({},function(res){
			if(/^\[.*\]$/.test(res)){	//有数据
				ParseInfo(res,fun);
			}else{		//无数据
				Ajax({type:'GetInfo',cache_uri:cache_uri},function(res){
					ParseInfo(res,fun);
				});
			}
		},cache_url);
	}

	function ParseInfo(res,fun){
		if(!/^\[.*\]$/.test(res)){
			$('#list').html('');
			return;
		}
		info = JSON.parse(res);
		var tmp_str = '';
		for(var i=0;i<info.length;i++){
			if(info[i].sub && info[i].sub.length > 0){
				var tmp_stat = '';
			}else{
				var tmp_stat = "<span style='font-size:12px'>(空)<span>";
			}
			if(sessionStorage.user){
				var l1_del = "<button onclick=DelItem("+info[i].id+",1)>删除</button>";
			}else{
				var l1_del = '';
			}
			tmp_str += "<h2 class='type_list'>"+info[i].title+"："+tmp_stat+"<button class='type_list_open'>展开/收起</button>"+l1_del+"</h2>";
			tmp_str += "<div class='type_item'>";
			if(info[i].sub){
				for(var j=0;j<info[i].sub.length;j++){
					if(sessionStorage.user){
						l2_del = "<button onclick=DelItem("+info[i].sub[j].id+",2)>删除</button>";
					}else{
						l2_del = '';
					}
					tmp_str += "<div class='type_item_sub'>";
						tmp_str += "<span>"+info[i].sub[j].title+"</span><a href='"+info[i].sub[j].addr+"'><button>跳转</button></a>"+l2_del;
					tmp_str += "</div>";
				}
			}
			tmp_str += "</div>";
		}

		$('#list').html(tmp_str);

		//指定分类展开收起
		$('.type_list_open').click(function(){
			if($(this).parent().next('.type_item').is(':hidden')){
				$(this).parent().next('.type_item').show();
			}else{
				$(this).parent().next('.type_item').hide();
			}
		});

		//全展/全收
		$('#hide_show_all').click(function(){
			if($('.type_item').is(':hidden')){
				$('.type_item').show();
			}else{
				$('.type_item').hide();
			}
		});


		if(fun){
			fun();
		}

	}
	
	function ViewLoginText(){
		if(!sessionStorage.user){
			if(title_count%6 == 5){
				$('#admin_btn').text('登陆').show();
			}
		}else{
			$('#admin_btn').text('添加收藏').show();
			$('#exit_btn').show();
		}
	}

	//删除收藏项
	function DelItem(id,del_type){
		if(!id || typeof id != 'number' || !del_type){
			return;
		}
		if(!confirm('确认删除？')){
			return;
		}
		if(prompt('确认码') != '123'){
			return;
		}
		var data = {
			type:'DelItem',
			id:id,
			del_type:del_type,
			cache_uri:cache_uri
		}
		Ajax(data,function(res){
			if(res == 'ok'){
				alert('删除成功！');
				GetInfo();	//获取收藏数据
			}
			if(res == 'exists'){
				alert('类目不是空的！');
			}
		});
	}
</script>